<template>
	<div class="flex-ac">
		<img src="@/assets/img/shengchan.png" alt="智能生产">
		<div>智能生产</div>
	</div>
	<div class="flex-ac">
		<img src="@/assets/img/wuliu.png" alt="智能物流">
		<div>智慧物流</div>
	</div>
	<div class="flex-ac">
		<img src="@/assets/img/zhizao.png" alt="智能制造">
		<div>智能制造</div>
	</div>
	<div class="flex-ac">
		<img src="@/assets/img/ai.png" alt="AI工具">
		<div>AI工具</div>
	</div>
</template>
<script setup>
import { ref, reactive } from "vue"




</script>
<style lang="less" scoped>
div.flex-ac {
	img {
		width: 14px;
		height: 14px;
		margin-right: 5px;
	}

	width: 120px;
	font-size: 16px;
	background-color: #fff;
	border-radius: 10px;
	padding: 14px 0;
	justify-content: center;
}
</style>
